.head-com{height: 91px;width: 100%;line-height: 90px;position: fixed;z-index: 999;border-bottom: 1px solid rgba(0, 0, 0, 0.1);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);background-color: rgba(255,255,255,0.8);}
.head-com:hover,.head-com:focus{background-color: #fff;}
.head-com .logo{margin-top:0px;}
.head-com .logo img{max-height: 55px;}
.head-com .nav{display: block;width:60%;}
.head-com .nav ul li{float:left;position: relative;z-index: 999;}
.head-com .nav ul li .f_a{display:block;text-align:center;font-size:18px;color:#333;line-height: 90px;font-weight: bold;}
.head-com .nav ul li:hover .f_a,.head-com .nav ul li.cur .f_a{color: #324D8B;}
.head-com .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;z-index: 9999;box-sizing: border-box}
.head-com .nav ul li .s_navbox .s_a a{color:#333;font-size:16px;text-transform:uppercase;display:block;text-align: center;height: 50px;line-height: 50px;overflow: hidden;border-top: 1px solid #eee;}
.head-com .nav ul li .s_navbox .s_a a:hover{background-color:#324D8B;color: #fff;}
.head-com .nav ul li #line{width: 0px;height: 3px;background-color: #324D8B;margin: 0 auto;position: absolute;top:87px;left: 0px;right: 0px;transition: width 0.3s linear;}
.head-com .nav ul li:hover #line,.head-com .nav ul li.cur #line{width: 50%;}
.head-com .sear{cursor: pointer;width:30px;height:90px;background: url(/storage/4038/tpl/my_18/images/syy01.png) no-repeat center;position: relative;}
.head-com .sear form{width: 280px;height: 50px;line-height: 50px;background: #fff;padding-left: 20px;font-size: 14px;color: #666;position: absolute;top: 90px;right: 0;display: none;overflow: hidden;}
.ny-head2 .search form{border: none;}
.head-com .sear form input{width: 200px;float: left;height: 50px;line-height: 50px;color: #666;}
.head-com .sear form input::-webkit-input-placeholder{color: #666;}
.head-com .sear form .sub{width: 60px;height: 50px;background: #324D8B url(../images/syy01-1.png) no-repeat center;cursor: pointer;}
.head-com .sear:hover form{display: block;}
.head-com .en{width:60px;height: 90px;line-height: 90px;text-align: center;color:#314496 ;}
.head-com .en a{display: block;color:#a60000}
.head-com .en a:hover{color:#314496;}
.head-com .tel{width: 240px;height: 90px;background:url(/storage/4038/tpl/my_18/images/top_tel.png) no-repeat center;}
.h_h{height: 0;}
.index_head{height: 90px;position: fixed;z-index: 9;left: 0;top: 0;background: #fff; transition:.5s ease;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between; width: 100%; border-bottom: 1px solid rgba(0,0,0,.1); display: flex; align-items: center;}
.index_head .logo img{ max-height: 70px;}
@media only screen and (min-width:1025px){
	.index_head.typea:not(.typeanot){background-color:transparent;}
	.index_head.typea:not(.typeanot) .nav li a{ color: #fff;}
	.index_head.typea:not(.typeanot) .nav li #line{ background: #fff;}
	.index_head.typea:not(.typeanot) .box{ color: #fff;}
	.index_head.typea:not(.typeanot) .box .mail a,.index_head.typea:not(.typeanot) .box .iconfont{color: #fff;}
	.index_head.typea:not(.typeanot) .nav li .tarA.act a,.index_head.typea:not(.typeanot) .nav li:hover .tarA a{ border-bottom: 4px solid #fff;}
	.index_head.typea:not(.typeanot) .all_lang .lanw{ background: #324D8B;}
	.index_head.typea:not(.typeanot) .box_fl.top_tel{color: #fff}
	.index_head.typea:not(.typeanot) .all_lang a{ color:#fff; }
	.index_head.typea:not(.typeanot) .top_search{ color: #fff;}
	.index_head.typea:not(.typeanot) .top_contact span{ border-color: #fff; color: #fff;}
	.index_head.typea:not(.typeanot) .top_contact a{ border-color: #fff; color: #fff;}
	
}

.index_head .nav{ margin-left: auto;}
.index_head .nav li{float: left;margin-right: 50px;}
.index_head .nav li .tarA{height: 86px;line-height: 86px;}
.index_head .nav li a{color: #333;font-size: 17px;transition: all .3s;display: block; position:relative;}
.index_head .nav li .tarA a:after{ position:absolute; left:0; bottom:0; width:0; height:3px; content:' '; background:#314496; transition:.2s ease;}
.index_head .nav li .tarA.act a:after,.index_head .nav li:hover .tarA a:after{ width:100%;}
.index_head .nav li:hover .second{transform: scaleY(1);opacity: 1}
.index_head .nav li .second{ border-radius: 5px; background: #fff; padding:10px 15px; border: 1px solid #dddddd;position: absolute;top: 42px;left: 0px; min-width: 250px;transform: scaleY(0);opacity: 0; transition: opacity .3s, transform .3s}
.index_head .nav li .second h4{font-size: 18px; line-height: 40px; border-bottom: 1px solid #ddd;}
.index_head.typea .nav li .second a{font-weight: normal; font-size: 16px; color: #666; line-height: 30px; display: block; padding: 0}
.index_head .nav li .second a i{ float: right; font-size: 12px;}
.index_head .nav li .second a{ padding: 0 15px;}
.index_head .nav li .second a:hover{ color: #004098;}
.top_contact{ display: flex; align-items: center; position: relative;}
.top_contact .top_qr,.top_contact .top_tel{ position: absolute; top: 65px; background: #fff; display: inline-block; padding: 10px; border-radius: 3px; opacity: 0; transition: .2s ease;}
.top_contact .top_qr img{ width: 100px;}
.top_contact .top_tel p{ font-size: 24px; font-family: teko;}
.top_contact span{ display: inline-block; width: 40px; height: 40px; line-height: 40px; color: #666; border: 1px solid #666; border-radius: 50%; margin-right: 30px; text-align: center; cursor: pointer; transition: .2s ease;}
.top_contact a{ display: inline-block; height: 40px; line-height: 40px; border: 1px solid #666; color: #666; border-radius: 20px; padding: 0 15px;transition: .2s ease;}
.top_contact a i{ margin-right: 5px; font-size: 18px;}
.top_contact span i{ font-size: 20px;}
.top_contact span:hover,.top_contact a:hover{ background: #004088; color: #fff;}
.reveal-modal-bg{position: fixed;height: 100%;width: 100%;z-index: 100;display: none;top: 0;left: 0;background:rgba(00, 00, 00, 0.4)}
.reveal-modal{visibility: hidden;top: 0!important;left: 34%;position: absolute;z-index: 101;max-width: 600px;width: 100%;}
.reveal-modal .close-reveal-modal i{font-size: 30px;position: absolute;top: 65%;right: 10px;color: #333;cursor: pointer;}
.seahead{margin-top: 65%;border-radius: 500px;overflow: hidden;}
.seahead input{height: 60px;line-height: 60px;}
.seahead .ent{width: 64%;padding: 0 3%;}
.seahead .sub{width: 30%;background: #16246e;color: #fff;text-transform: uppercase;cursor: pointer;}
.index_foot{background: #152b65 url(../images/index4-bg.png) no-repeat center; color: #ffffff; }

.head-wap{display: none;}
.m_img{display:block;height:54px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
.m_img .headlf{padding-top:10px;padding-left:7px;float: left;}
.m_img .headlf .m_logo{max-height:30px;display: block;}
.m_img .headrg{padding-right:10px;padding-top:15px;float: right;}
.m_img .headrg a .m_menuimg{height:22px;vertical-align:top;display: block}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(/storage/4038/tpl/my_18/images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(/storage/4038/tpl/my_18/images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis; float:left;}
.m_nav .m_navList ul li .m_s_nav i{ float: right; line-height:40px; color:#fff;}
.mob_sec li{ padding-left: 30px;}
.m_nav .m_navList ul li .mob_sec a{ color: #ddd; border-bottom: 1px dashed #aaa; padding-left:0;}
.showinq .feed dl{display: flex;flex-flow: row wrap;justify-content: space-between;}
.showinq .feed dt .box{float: left;margin-right: 40px;}
.showinq h2{text-transform: uppercase;}
.showinq table{margin: 20px 0 40px;width: 100%;}
.showinq td{border: solid 1px #ddd;padding-left: 20px;}
.showinq tr.bt td{height: 50px;line-height: 50px;background: #f2f2f2;font-size: 16px;color: #333;font-weight: bold;}
.showinq td img{max-width: 100px;display: block;margin: 0 auto;}
.showinq td.img{padding-left: 0;padding: 10px 0;width: 16.66%;}
.showinq td.wz{font-weight: bold;}
.showinq td.sc{cursor: pointer;}
.center4{max-width: 1200px;width: 100%;margin: 0 auto;}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .ny_ban_txt{ position: absolute; top: 40%; left: 0; width: 100%;color: #fff;}



@media (max-width: 1024px){
	.head-wap{display: block;}
	.index_head{ display: none;}
	
	.index_foot .center.c-flex{ display: none;}
	.copy{ margin-bottom: 50px;}

}

@media (max-width: 1300px){
	.head-com .sear{display: none;}
	.head-com .nav{margin-right: 0;width: 80%;}
	.head-com .nav ul li .f_a{font-size: 16px;}
	.head-com .nav ul li .s_navbox .s_a a{font-size: 14px;height: 45px;line-height: 45px;}
}
@media (max-width: 1024px){
	.head-com,.foot-com,.foot-copy{display: none;}
}<!--0.00016403198242188-->